import React, { Component } from 'react';

class Movie extends Component {

  constructor() {
    super();
    //state定义的第一种方式
    // this.state = {
    //   count: 1,
    //   title: "中国机长"
    // }
  }
//state定义的第二种方式
  state ={
    title:"中国机长",
    count:1
  }


  componentDidMount() {

    // setTimeout(() => {
      //修改state的第一种方式
    //   this.setState({
    //     title: "战狼2"
    //   })
    // }, 2000)

    //修改state的第二种方式
    // this.state.title ="战狼2"
    // setTimeout(()=>{
    //   this.setState({})
    // },2000)

    //修改state的数据是异步的
    // this.setState({
    //   count: this.state.count + 1
    // })
    // console.log(this.state.count)

    //修改state的第三种方式
    this.setState((preState, props) => {
      console.log(props);
      //数据的更新，会做merge
      return {
        count: preState.count + 1
      }
    }, () => {
      console.log(this.state.count)
    })

    setTimeout(()=>{
      this.setState({
        count:3
      })
      console.log(this.state.title,this.props.city)

    },3000)



  }

  render() {
    console.log(1)
    return (
      <div>
        <h1>{this.state.title}</h1>
      </div>
    );
  }
}

export default Movie;